<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>videos</title>
    <link rel="stylesheet" href="./css/common.css">


    <!-- swiper -->

    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <a name="top"></a>
    <header class="banner2-header">
        <div class="top-box">
            <div class="info">
                <div class="left">
                    <span>Call Us: +86-571-1234567</span>
                    <span>Email: 448304437@qq.com</span>
                </div>
                <div class="right">
                    <ul>
                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i> </a></li>
                        <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="nav-box nav-set-top-40 other-page ">
                <div class="left">
                    <a href="index.html">
                        <img src="./img/your.png" alt="logo"> <span>LOGO</span>
                    </a>
                </div>
                <div class="right">
                    <nav>
                        <ul class="nav1">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="aboutUS.html">About Us</a></li>
                            <li class="has-children">
                                <a href="products.html">
                                    Products </a>
                                <i class="fa fa-chevron-down products-down" aria-hidden="true"></i>
                                <div class="show-box">
                                    <div class="nav2">
                                        <div class="nav2-left">
                                            <ul>
                                                <li><a href="#">
                                                        2A Charging Head <i class="fa fa-chevron-down icon-pc-hide"
                                                            aria-hidden="true"></i></a>
                                                    <ul class="nav3">
                                                        <li><a href="#">Double socket charging head</a></li>
                                                        <li><a href="#">Three terminal patch panel</a></li>
                                                        <li><a href="#">1A Phone charger</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="#">Simple Patch Panel</a></li>
                                                <li><a href="#">Gold car charger</a></li>
                                                <li><a href="#">Ordinary charging</a></li>
                                            </ul>
                                        </div>
                                        <div class="nav2-right">
                                            <p>
                                                <img src="./img/homePC_03.png" alt="2A Charging Head">
                                            </p>
                                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
                                                dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                                                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li><a href="news.html">News</a></li>
                            <li><a href="knowledges.html">Knowledges</a></li>
                            <li><a href="concatUS.html">Contact Us</a></li>
                            <li><a href="download.html">Download</a></li>
                            <li class="active"><a href="videos.html">Videos</a></li>
                            <li><a href="FAQ.html">FAQ</a></li>
                            <li><a href="project.html">Project</a></li>
                        </ul>
                    </nav>
                    <div class="search-box">
                        <input type="text" class="search-input" id="searchInput">
                        <span class="search" id="search" style="display: noen;"><i class="fa fa-search"
                                aria-hidden="true"></i></span>
                        <span class="search-close" id="searchClose" style="display: none;"><i class="fa fa-close"
                                aria-hidden="true"></i></span>
                    </div>
                    <div class="mob-nav">
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </div>
                </div>
            </div>


        </div>
        <div class="banner2-box">
            <div class="fonts">
                <h1>Car charger</h1>
                <p>Exquisite, efficient, safe, powerful industrial intelligent chip</p>
                <div class="btn-group">
                    <button style="visibility: hidden;">Fast charging</button> <button>Stable current output</button>
                </div>
            </div>
        </div>
    </header>
    <div class="tabs"><a href="index.html">Home</a><i class="fa fa-angle-right"
            aria-hidden="true"></i><span>videos</span></div>
    <main class="page-template-1">
        <div class="max-width-box">
            <aside>
                <ul class="nav1">
                    <li><a href="aboutUS.html">About Us</a></li>
                    <li><a href="news.html">News</a></li>
                    <li><a href="concatUS.html">Contact Us</a></li>
                    <li><a href="download.html">Download</a></li>
                    <li  class="current-bg-black"><a href="concatUS.html">Videos</a></li>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="project.html">Project</a></li>
                </ul>
                <ul class="contact-us nav1">
                    <li><a href="concatUS.html">Contact Us</a></li>
                    <li>
                        <p>Tel: +86-515-88856689</p>
                        <p>Fax: +86-515-88722800</p>
                        <p>E-mail:xumei@jhbxg99.com</p>
                        <p>Add: Yandu District, Yancheng City, 
                           Jiangsu Province, China.</p>
                    </li>
                </ul>
            </aside>
            <article class="row-1">
                <div class="item item-video">
                    <ul>
                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news1.png" muted></video> -->
                                        <img src="./img/news1.png" alt="新闻图" >
                                    </a>

                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html"> Magnam dolores commodiagnam dolores commodiagnam dolores commodiagnam dolores commodiagnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem.ssitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur
                                        velit. Quisquam </p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news2.png" muted></video> -->
                                        <img src="./img/news2.png" alt="新闻图">
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html"> How to select the patch
                                                panel</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>ROne is to choose a brand when buying. Big brands are trustworthy. Also need to
                                        have 3C mark </p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news3.png" muted></video> -->
                                        <img src="./img/news3.png" alt="新闻图">
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">The patch panel is safe to use
                                                in this</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Patch board is widely used in every corner of life and work, but small patch
                                        board is convenient</p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news4.png" muted></video> -->
                                        <img src="./img/news4.png" alt="新闻图" >
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">Magnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Ransmission system without rigid connection, Well buffer performance, Avoiding
                                        the faults result from rigid impact
                                        of components such as axle and transmission.</p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news5.png" muted></video> -->
                                        <img src="./img/news5.png" alt="新闻图">
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">Magnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Ransmission system without rigid connection, Well buffer performance, Avoiding
                                        the faults result from rigid impact
                                        of components such as axle and transmission.</p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news6.png" muted></video> -->
                                        <img src="./img/news6.png" alt="新闻图" >
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">Magnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Ransmission system without rigid connection, Well buffer performance, Avoiding
                                        the faults result from rigid impact
                                        of components such as axle and transmission.</p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news7.png" muted></video> -->
                                        <img src="./img/news7.png" alt="新闻图" >
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">Magnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Ransmission system without rigid connection, Well buffer performance, Avoiding
                                        the faults result from rigid impact
                                        of components such as axle and transmission.</p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news8.png" muted></video> -->
                                        <img src="./img/news8.png" alt="新闻图" >
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">Magnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Ransmission system without rigid connection, Well buffer performance, Avoiding
                                        the faults result from rigid impact
                                        of components such as axle and transmission. Lorem ipsum dolor, sit amet
                                        consectetur adipisicing elit. Soluta nulla culpa ad ratione, illo qui, rem
                                        aspernatur officia dicta fugit sapiente, veritatis totam eveniet id vero
                                        distinctio eum quam delectus?</p>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="box">
                                <div class="left">
                                    <a href="videosDetails.html">
                                        <!-- <video width="320" height="240" src="./img/1234.mp4" loop
                                            poster="./img/news9.png" muted></video> -->
                                        <img src="./img/news9.png" alt="新闻图" >
                                    </a>
                                </div>
                                <div class="right">
                                    <p><span class="title"><a href="videosDetails.html">Magnam dolores commodi
                                                suscipit.</a></span> <span class="view-count">view: 1200</span></p>
                                    <p>Ransmission system without rigid connection, Well buffer performance, Avoiding
                                        the faults result from rigid impact
                                        of components such as axle and transmission.</p>
                                </div>
                            </div>
                        </li>


                    </ul>
                </div>

                <div class="pages">
                    <p>
                        <span>First</span>
                        <span>Prev</span>
                        <a class="active-current-page" href="">1</a>
                        <a href="">2</a>
                        <a href="">3</a>
                        <a href="">Next</a>
                        <a href="">Last</a>
                        <bdi>1/3</bdi>
                    </p>

                </div>
            </article>
        </div>
    </main>
    <footer>
        <section class="footer-info">
            <div class="logo-box">
                <div class="logo">
                    <img src="./img/your.png" alt="logo">LOGO
                </div>
                <p>These days are all share them with me oh baby said
                    inspect Californy till the one day when the lady they
                    knew it was much more than a hunch these men promptly
                    escaped from were the days.</p>
            </div>
            <div class="nav1">
                <h4>Quick Navigation</h4>
                <ul>
                    <li><a href="index.html">- Home</a></li>
                    <li><a href="concatUS.html">- Contact Us</a></li>
                    <li><a href="aboutUS.html">- About Us</a></li>
                    <li><a href="download.html">- Download</a></li>
                    <li><a href="products.html">- Products</a></li>
                    <li><a href="videos.html">- Videos</a></li>
                    <li><a href="news.html">- News</a></li>
                    <li><a href="FAQ.html">- FAQ</a></li>
                    <li><a href="knowledges.html">- Knowledges</a></li>
                    <li><a href="project.html">- Project</a></li>
                </ul>
            </div>
            <div class="nav2">
                <h4>Categories</h4>
                <ul>
                    <li><a href="#">- 2A Charging Head</a></li>
                    <li><a href="#">- Simple Patch Panel</a></li>
                    <li><a href="#">- Gold car charger</a></li>
                    <li><a href="#">- Ordinary charging head</a></li>
                </ul>
            </div>
            <div class="qr-code">
                <h4>QR Code</h4>
                <img src="./img/QRCode.png" alt="qrcode">
            </div>
            <div class="soft">
                <ul>
                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i> </a></li>
                    <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></i></a></li>
                </ul>
            </div>
        </section>
    </footer>
    <div class="copyright">
        Copyright © Dshow Machinery Co.,Ltd All rights reserved.
        <a href="#top" class="go-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
    </div>
    <div class="pho-footer">
        <ul>
            <li>
                <a href="index.html">
                    <i class="fa fa-home" aria-hidden="true"></i>
                    <span>Home</span>
                </a>
            </li>
            <li>
                <a href="tel:+123456789">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                    <span>PHONE</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa fa-envelope" aria-hidden="true"></i>
                    <span>EMAIL</span>
                </a>
            </li>
            <li>
                <a href="concatUS.html">
                    <i class="fa fa-commenting" aria-hidden="true"></i>
                    <span>INQUIRY</span>
                </a>
            </li>
        </ul>
    </div>

    <script src="./lib/jquery-3.5.1.js"></script>
    <script src="./lib/swiper-5.4.5/swiper-5.4.5/package/js/swiper.min.js"></script>
    <script src="./js/javascript.js"></script>
    <!-- <script>
        $("video").hover(function () {
            $(this).parent().children('img').css('display', 'none')
            $(this)[0].play()
        })

        $(".item-video .left a img").hover(function () {
            $(this).parent().children('img').css('display', 'none')
            $(this).parent().children('video').css('display', 'block')
        })

        $("video").mouseleave(function () {
            $(this)[0].pause()
            $(this).css('display', 'none')
            $(this).parent().children('img').css('display', 'block')
        })</script> -->
</body>

</html>